@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap";
#CookiesBannerActionButtons button {
    margin-right: 15px;
    background: #624b99 !important;
    border-color: transparent;
}
.brent-login-link {
    background-color: #624b99;
    color: white !important;
}

.brent-login-link {
    font-weight: 400;
    font-size: 15.96px;
    padding: 24px 16px;
    float: right;
    font-family: "Raleway", sans-serif;
    background-color: #624b99;
    color: #fff;
}

.brent-logo-img {
    width: 300px;
}

li.nav-item {
    list-style: none;
}

li#brent-login-btn {
    list-style: none;
    margin-top: 45px;
}

li#RegisterLoginItem {
    list-style: none;
    margin-top: 30px;
}

.purple-banner {
    background-color: #624b99;
    height: 40px;
    width: 1920px !important;
    margin-left: -16%;
}

li#FindOpportunityListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;
}

li#PostOpportunityLoggedOutListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;

}

li#ApprenticeshipGuideListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;

}

li#SupportListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;

}

li#NewsListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;
}

li#AboutListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;

}

li#BrentUKSPFListItem a {
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-right: 30px;
    font-size: 18px !important;

}

ul.navbar-nav {
    margin-top: 30px;
}
p.email {
    margin-top: -30px;
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .purple-banner {
        width: 1454px !important;
        margin-left: -5%;
    }

    .brent-login-link {
        float: left;
    }

    .alert.alert-danger {
        width: 1155px !important;
    }
    img.img-responsive {
        width: 100%;
    }
    div#thirdPanel {
        min-height: 174px !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .brent-login-link {
        float: left;
    }
    .purple-banner {
        width: 1181px !important;
        margin-left: -16%;
    }
    p.email {
        margin-top: -30px;
    }

    p.phone {
        margin-top: -30px;
    }
    img.img-responsive {
        width: 100%;
    }
    li#FindOpportunityListItem a {
        font-size: 14px !important;
    }
    li#PostOpportunityLoggedOutListItem a {
        font-size: 14px !important;
    
    }
    
    li#ApprenticeshipGuideListItem a {
        font-size: 14px !important;
    
    }
    
    li#SupportListItem a {
        font-size: 14px !important;
    
    }
    
    li#NewsListItem a {
        font-size: 14px !important;
    }
    
    li#AboutListItem a {
        font-size: 14px !important;
    
    }
    
    li#BrentUKSPFListItem a {
        font-size: 14px !important;
    
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    a#ctl00_ctl17_LoginLink {
        float: left;
    }

    .purple-banner {
        width: 670px !important;
        margin-left: -24px;
    }

    button.navbar-toggler {
        width: 100%;
        margin-left: -3%;
    }
    p.email {
        margin-top: -30px;
    }

    p.phone {
        margin-top: -30px;
    }

    .brent-logo-img {
        margin-left: -60px;
    }
    button.navbar-toggler {
        width: 94%;
        margin-left: -4%;
    }
}

@media (min-width: 376px) and (max-width: 425px) {
    a#ctl00_ctl17_LoginLink {
        float: left;
    }
    .purple-banner {
        width: 425px !important;
        margin-left: 0px;
        margin-top: 30px;
    }
    button.navbar-toggler {
        width: 434px;
        margin-left: -2%;
    }
    p.email {
        margin-top: -30px;
    }

    p.phone {
        margin-top: -30px;
    }

    .brent-logo-img {
        margin-left: -60px;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
    a#ctl00_ctl17_LoginLink {
        float: left;
    }
    .purple-banner {
        width: 425px !important;
        margin-left: 0px;
        margin-top: 30px;
    }
    button.navbar-toggler {
        width: 435px;
        margin-left: -2%;
    }
    p.email {
        margin-top: -30px;
    }

    p.phone {
        margin-top: -30px;
    }

    .brent-logo-img {
        margin-left: -60px;
    }
}
@media (min-width: 280px) and (max-width: 320px) {
    a#ctl00_ctl17_LoginLink {
        float: left;
    }
    .purple-banner {
        width: 330px !important;
        margin-left: 0px;
        margin-top: 30px;
    }
    button.navbar-toggler {
        width: 340px;
        margin-left: 0%;
    }
    p.email {
        margin-top: -30px;
    }

    p.phone {
        margin-top: -30px;
    }

    .brent-logo-img {
        margin-left: -60px;
    }
}